<template>
  <div>
    <li><input type="checkbox"  v-model="info.isFlag"></li>
    <li>{{info.id}}</li>
    <li>{{info.productName}}</li>
    <li><img :src="'/img/'+info.productImage" ></li>
    <li>{{info.number}}</li>
    <li><button @click='del(info.id)'>删除</button></li>
  </div>
</template>
<script>
import Bus from '../../src/Bus'
export default {
  props: ["item",'cc'],
  data() {
    return {
        info:this.item
    };
  },
  methods: {
   del(key){
    // console.log(key);
    Bus.$emit('del',key)
   }
  },
  mounted() {
    // console.log(this.item);
  },
};
</script>

<style scope>
ul {
  width: 80%;
  height: 60px;
  line-height: 60px;
  margin: auto;
  display: flex;
  justify-content: space-around;
  list-style: none;
}
img {
  width: 100px;
  height: 60px;
}
</style>